<!DOCTYPE html>
<html>
<head>
	<title>怦然心动</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="Fashion Mania Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
	Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
	<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
	<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
	<link href="css/memenu.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<!--header-->
<div class="header">
	<div class="header-top">
		<div class="container">
			<div class="col-sm-8 logo">
				<a class="ml-160" href="index.html"><img src="images/logo.png" alt=""></a>	
			</div>
			<div class="col-sm-4 header-left">		
				<p class="log">
					<a href="account.html">登录</a>
					<span>/</span><a  href="account.html">注册</a>
				</p>
				<div class="clearfix"> </div>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
		<div class="container">
			<div class="head-top">
				<div class="col-sm-2 number">
				</div>
		 <div class="col-sm-8 h_menu4">
				<ul class="memenu skyblue">
					<li class=" grid"><a  href="index.html">首页</a></li>	
				    <li><a href="#">帅哥</a></li>
				    <li class="grid"><a  href="#">美女</a></li>
					<li><a  href="typo.html">心灵匹配</a></li>				
					<li><a  href="typo.html">非诚勿扰</a></li>				
					<li><a class="color6" href="contact.html">联系我们</a></li>
			  	</ul> 
			</div>
				<div class="col-sm-2 search">		
			<a class="play-icon popup-with-zoom-anim" href="#small-dialog"><i class="glyphicon glyphicon-search"> </i> </a>
		</div>
		<div class="clearfix"> </div>
			<!---pop-up-box---->
					  <script type="text/javascript" src="js/modernizr.custom.min.js"></script>    
					<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/>
					<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
					<!---//pop-up-box---->
				<div id="small-dialog" class="mfp-hide">
				<div class="search-top">
						<div class="login">
							<input type="submit" value="">
							<input type="text" value="Type something..." onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = '';}">		
						</div>
						<p>	Shopping</p>
					</div>				
				</div>
				 <script>
						$(document).ready(function() {
						$('.popup-with-zoom-anim').magnificPopup({
							type: 'inline',
							fixedContentPos: false,
							fixedBgPos: true,
							overflowY: 'auto',
							closeBtnInside: true,
							preloader: false,
							midClick: true,
							removalDelay: 300,
							mainClass: 'my-mfp-zoom-in'
						});
																						
						});
				</script>			
	<!---->		
		</div>
	</div>
</div>
<!--banner-->
<div class="banner">
	<div class="col-sm-3 banner-mat">
		<img class="img-responsive"	src="images/ba1.jpg" alt="">
	</div>
	<div class="col-sm-6 matter-banner">
	 	<div class="slider">
	    	<div class="callbacks_container">
	      		<ul class="rslides" id="slider">
	        		<li>
	          			<img src="images/1.jpg" alt="">
	       			 </li>
			 		 <li>
	          			<img src="images/3.jpg" alt="">   
	       			 </li>
					 <li>
	          			<img src="images/2.jpg" alt="">
	        		</li>	
	      		</ul>
	 	 	</div>
		</div>
	</div>
	<div class="col-sm-3 banner-mat">
		<img class="img-responsive" src="images/ba.jpg" alt="">
	</div>
	<div class="clearfix"> </div>
</div>
<!--//banner-->
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >手机网站模板</a></div>
<!--content-->
<div class="content">
	<div class="container">
		<!-- 优质用户推荐  -->
		<div class="content-top">
			<h1>优质用户推荐</h1>
			<div class="content-top1">
				<div class="col-md-3 col-md2">
					<div class="col-md1 simpleCart_shelfItem">
						<a href="single.html">
							<img class="img-responsive" src="images/h1.jpg" alt="" />
						</a>
						<h3><a href="single.html">叶儿</a></h3>
						<div class="price">
								<h5 class="item_price">18岁 北京</h5>
								<a href="#" class="item_add">查看</a>
								<div class="clearfix"> </div>
						</div>
					</div>
				</div>	
				<div class="col-md-3 col-md2">
					<div class="col-md1 simpleCart_shelfItem">
						<a href="single.html">
							<img class="img-responsive" src="images/h2.jpg" alt="" />
						</a>
						<h3><a href="single.html">唯一</a></h3>
						<div class="price">
								<h5 class="item_price">31岁 长春</h5>
								<a href="#" class="item_add">查看</a>
								<div class="clearfix"> </div>
						</div>
						
					</div>
				</div>	
				<div class="col-md-3 col-md2">
					<div class="col-md1 simpleCart_shelfItem">
						<a href="single.html">
							<img class="img-responsive" src="images/h3.jpg" alt="" />
						</a>
						<h3><a href="single.html">小呆呆</a></h3>
						<div class="price">
								<h5 class="item_price">22岁 新疆</h5>
								<a href="#" class="item_add">查看</a>
								<div class="clearfix"> </div>
						</div>
						
					</div>
				</div>	
				<div class="col-md-3 col-md2">
					<div class="col-md1 simpleCart_shelfItem">
						<a href="single.html">
							<img class="img-responsive" src="images/h4.jpg" alt="" />
						</a>
						<h3><a href="single.html">Tops</a></h3>
						<div class="price">
								<h5 class="item_price">26岁 辽宁</h5>
								<a href="#" class="item_add">查看</a>
								<div class="clearfix"> </div>
						</div>
						
					</div>
				</div>	
				<div class="clearfix"> </div>
			</div>	
		</div>
		<!-- 猜你喜欢  -->
		<div class="content-top">
			<h1>猜你喜欢</h1>
			<div class="content-top1">
				<div class="col-md-3 col-md2">
					<div class="col-md1 simpleCart_shelfItem">
						<a href="single.html">
							<img class="img-responsive" src="images/h5.jpg" alt="" />
						</a>
						<h3><a href="single.html">Tops</a></h3>
						<div class="price">
								<h5 class="item_price">$300</h5>
								<a href="#" class="item_add">查看</a>
								<div class="clearfix"> </div>
						</div>
					</div>
				</div>	
				<div class="col-md-3 col-md2">
					<div class="col-md1 simpleCart_shelfItem">
						<a href="single.html">
							<img class="img-responsive" src="images/h6.jpg" alt="" />
						</a>
						<h3><a href="single.html">T-Shirt</a></h3>
						<div class="price">
								<h5 class="item_price">$300</h5>
								<a href="#" class="item_add">查看</a>
								<div class="clearfix"> </div>
						</div>
						
					</div>
				</div>	
				<div class="col-md-3 col-md2">
					<div class="col-md1 simpleCart_shelfItem">
						<a href="single.html">
							<img class="img-responsive" src="images/h7.jpg" alt="" />
						</a>
						<h3><a href="single.html">Shirt</a></h3>
						<div class="price">
								<h5 class="item_price">$300</h5>
								<a href="#" class="item_add">查看</a>
								<div class="clearfix"> </div>
						</div>
						
					</div>
				</div>	
				<div class="col-md-3 col-md2">
					<div class="col-md1 simpleCart_shelfItem">
						<a href="single.html">
							<img class="img-responsive" src="images/h8.jpg" alt="" />
						</a>
						<h3><a href="single.html">Tops</a></h3>
						<div class="price">
								<h5 class="item_price">$300</h5>
								<a href="#" class="item_add">查看</a>
								<div class="clearfix"> </div>
						</div>
						
					</div>
				</div>	
				<div class="clearfix"> </div>
			</div>	
		</div>
		<!-- 牵手成功  -->
		<div class="content-top">
			<h1>牵手成功</h1>
			<div class="content-top1">
				<div class="col-md-3 col-md2">
					<div class="col-md1 relative">
					<img src="images/h1.jpg" style="position: absolute;width: 64px;height: 64px;border-radius: 50%;top: 66px;left: 44px;">
					<img src="images/h5.jpg" style="position: absolute;width: 64px;height: 64px;border-radius: 50%;top: 66px;right: 44px;">
						<a href="javascript:void(0);">
							<img class="img-responsive" src="images/bg1.jpg" alt="" />
						</a>
						<h3><a href="javascript:void(0);">唯一 ♡ 小帅</a></h3>
						<!-- <div class="price">
								<h5 class="item_price">$300</h5>
								<a href="#" class="item_add">查看</a>
								<div class="clearfix"> </div>
						</div> -->
					</div>
				</div>	
				<div class="col-md-3 col-md2">
					<div class="col-md1 relative">
					<img src="images/h2.jpg" style="position: absolute;width: 64px;height: 64px;border-radius: 50%;top: 66px;left: 44px;">
					<img src="images/h6.jpg" style="position: absolute;width: 64px;height: 64px;border-radius: 50%;top: 66px;right: 44px;">
						<a href="javascript:void(0);">
							<img class="img-responsive" src="images/bg2.jpg" alt="" />
						</a>
						<h3><a href="javascript:void(0);">唯一 ♡ 小帅</a></h3>
						<!-- <div class="price">
								<h5 class="item_price">$300</h5>
								<a href="#" class="item_add">查看</a>
								<div class="clearfix"> </div>
						</div> -->
						
					</div>
				</div>	
				<div class="col-md-3 col-md2">
					<div class="col-md1 relative">
					<img src="images/h3.jpg" style="position: absolute;width: 64px;height: 64px;border-radius: 50%;top: 66px;left: 44px;">
					<img src="images/h7.jpg" style="position: absolute;width: 64px;height: 64px;border-radius: 50%;top: 66px;right: 44px;">
						<a href="javascript:void(0);">
							<img class="img-responsive" src="images/bg3.jpg" alt="" />
						</a>
						<h3><a href="javascript:void(0);">唯一 ♡ 小帅</a></h3>
						<!-- <div class="price">
								<h5 class="item_price">$300</h5>
								<a href="#" class="item_add">查看</a>
								<div class="clearfix"> </div>
						</div> -->
						
					</div>
				</div>	
				<div class="col-md-3 col-md2">
					<div class="col-md1 relative">
					<img src="images/h4.jpg" style="position: absolute;width: 64px;height: 64px;border-radius: 50%;top: 66px;left: 44px;">
					<img src="images/h8.jpg" style="position: absolute;width: 64px;height: 64px;border-radius: 50%;top: 66px;right: 44px;">
						<a href="javascript:void(0);">
							<img class="img-responsive" src="images/bg4.jpg" alt="" />
						</a>
						<h3><a href="javascript:void(0);">唯一 ♡ 小帅</a></h3>
						<!-- <div class="price">
								<h5 class="item_price">$300</h5>
								<a href="#" class="item_add">查看</a>
								<div class="clearfix"> </div>
						</div> -->
						
					</div>
				</div>	
				<div class="clearfix"> </div>
			</div>	
		</div>
	</div>
</div>
<!--//content-->
<!--footer-->
<div class="footer">
	<div class="footer-bottom">
		<div class="container">
			<div class="col-md-6 footer-bottom-cate cate-bottom">
				<h6>Address</h6>
				<ul>
					<li>中国.北京.朝阳区.望京SOHO</li>
				</ul>
			</div>
			<div class="col-md-6 footer-bottom-cate">
				<h6>Contact us</h6>
				<ul>
					<li class="phone">email : 12345@123.com</li>
				</ul>
			</div>
			<div class="clearfix"> </div>
			<p class="footer-class">Copyright &copy; 2017.Company name All rights reserved.<a href="index.html">怦然心动</a></p>
		</div>
	</div>
</div>

<!--//footer-->

<script src="js/jquery.min.js"></script>
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<script type="text/javascript" src="js/memenu.js"></script>
<script>$(document).ready(function(){$(".memenu").memenu();});</script>
<!-- <script src="js/simpleCart.min.js"> </script> -->
<!-- slide -->
<script src="js/responsiveslides.min.js"></script>
   <script>
    $(function () {
      $("#slider").responsiveSlides({
      	auto: true,
      	speed: 500,
        namespace: "callbacks",
        pager: true,
      });
    });
  </script>
</body>
</html>